<script setup>import { watchEffect } from 'vue';

const props = defineProps({
    show:Boolean,
    KeyWords:String
})
const emits = defineEmits(["update:show"])
const onClick = () =>{
    emits("update:show",false)
}
</script>

<template>
<van-overlay :show="show" @click="onClick">
  <div class="search-content">
    <input type="text" v-model="KeyWords" @click.stop placeholder="请输入搜索内容">
  </div>
</van-overlay>
</template>

<style scoped>
  .search-content {
    display: flex;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
  }
  input[type=text]{
      margin: 20px;
      width: 100%;
      padding: 10px 30px;
      border-radius: 50px;
      border: 10px solid var(--main-color);
  }
</style>